<template>
	<view class="popupRule">
		<view class="explain-content">
		    <view class="title">规则说明</view>
		    <scroll-view class="content" :scroll-y="true">
				1、签到打卡，每日可签到3次（时间0:00-12:00,12:00-18:00,18:00-24:00）
				，每次签到成功，奖励1枚金币；<br />
				2、邀请好友，每邀请成功一位好友，授权
				登录后有效，奖励6枚金币；<br />
				3、创建空间，每创建一个泡泡空间，需消
				耗30枚金币，当泡泡空间活力值为0时，将
				隐藏不可见；<br />
				4、泡泡活力值，每个泡泡均有活力值，活
				力值为0时，泡泡在空间中将不可见；<br />
				5、点赞、分享和点赞，每次点赞、分享和
				评论需消耗1枚金币，并同时为泡泡增加活
				力值，点赞增加1活力值，评论增加2活力值，分享增加3活力值；<br />
				6、私密泡泡空间，仅允许成员邀请进入，
				开放空间可直接进入；<br />
				7、用户等级规则，每消耗100枚金币，提升
				一个等级；<br />
				8、新用户注册，登录成功后，奖励30枚金
				币；
		    </scroll-view>
		    <view class="other">
		        反馈问题、获取更多有趣的小程序，请添加小姐姐微信号：{{ config.PARAM_WECHAT }}
		    </view>
		    <view class="button-container">
		        <view class="copy-weixin-button" @click="copyWeixin">点击复制微信号</view>
		    </view>
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex'
export default {
	computed: {
		...mapState(['config']),
	},
	methods: {
		copyWeixin() {
			let _this = this
			uni.setClipboardData({
			    data: this.config.PARAM_WECHAT,
			    success: () => {
			        this.$u.toast('复制微信号成功');
			        setTimeout(() => {
			            _this.$emit('close')
			        }, 500);
			    },
			});
		}
	}
}
</script>

<style lang="less" scoped>
@import url("../../../common/css/var.less");
.explain-content {
	padding: 48rpx;
	color: #333333;
	.title {
		font-size: 32rpx;
		font-weight: 500;
		text-align: center;
		margin-bottom: 32rpx;
	}
	.content {
		// overflow-x: hidden;
		// overflow-y: auto;
		height: 560rpx;
		font-size: 28rpx;
		line-height: 44rpx;
		color: @mText;
	}
	.other {
		text-align: center;
		margin-top: 32rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		color: @tText;
	}
	.button-container {
		margin-top: 26rpx;
		text-align: center;
		.copy-weixin-button {
			width: 544rpx;
			height: 96rpx;
			line-height: 96rpx;
			background: @mColor;
			box-shadow: 0rpx 16rpx 48rpx rgba(21, 70, 250, 0.06);
			opacity: 1;
			border-radius: 48rpx;
			font-size: 32rpx;
			color: @mText;
		}
	}
}
</style>
